<template>
    <TechPanel class="shop-order-address-info" title="收货地址" :titleBorder="false" :isBold="true" :mode="mode">
        <div class="address">{{info.address}}</div>
        <div class="user">{{info.contact}}  {{info.mobile}}</div>
    </TechPanel>
</template>

<script>
import { TechPanel } from '@components/base';
import ModeMixin from '@common/mixin';
export default {
    name: 'AddressInfo', // 地址信息
    mixins: [ModeMixin],
    components: {
        TechPanel,
    },
    props: {
        info: {
            type: Object,
            default: () => {},
        },
    },
};
</script>

<style lang="less">
.shop-order-address-info {
    .m-t(@gap);
    .address,
    .user {
        .font-size();
        color: @tip-color;
    }
    .user {
        .m-t(@shop-bag-gap);
    }
}
</style>
